﻿/***********************************************************************
*                   Commscope Standard UI
*
************************************************************************/
.simpleBtn
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    border: 0px none;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    text-align: center;
    hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
    outline: none; /* for firefox 1.5 + */
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 6px;
    position: relative;
    vertical-align: middle;
    background-color: #0099E1;
}


/************************************  Table   ***********************************/
.showDataTable, .inputDataTable
{
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 10px auto 0;
    font-size: 12px;
    width: 100%;
}
.showDataTable td, .showDataTable th, .inputDataTable td
{
    border: #eeeeee 1px solid;
    height: 22px;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.showDataTableHeadTr
{
    background-color: #00A0E4;
    color: white;
    font-size: 14px;
    font-weight: bold;
}
.showDataTable th
{
    cursor: pointer;
}
.showDataTableEvenTr, .inputDataTableEvenTr /*start from 0 */
{
    background-color: White;
}
.showDataTableOddTr, .inputDataTableOddTr
{
    background-color: #F9F9F9;
}
.tableFooter
{
}
/************************************  TextBox   ***********************************/
/*.text
{
    padding: 0 3px;
    height: 18px;
    border: transparent 1px solid; 
}
.textHover
{
    border: transparent 1px solid;
}
.textFocus
{
    border: #3D95FF 1px solid;
}
.textParent
{
    border: #D9D9D9 1px solid;
}
.textParentHover
{
    border: #B9B9B9 1px solid;
}
.textParentFocus
{
    border: #49ACE7 1px solid;
}
.textParentTable td
{
    padding: 0;
    margin: 0;
}
.textWaterMarkTr td
{
    border-width: 0;
    height: 0;
}
.textWaterMark
{
    border-width: 0;
    margin: 0px; 
    padding: 0px;
    position: absolute;
    background-color: Transparent;
    color: #999;
    overflow: hidden;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    cursor: text;
    font-weight: normal;
    font-style: italic;
    border: 0 solid transparent;
    display: inline;
}*/
/************************************  SimpleText  ***********************************/
.waterMark
{
    color: gray;
    font-size: 13px;
    font-style: italic;
}
.simpleText
{
    outline: none;
    border-width: 1px;
    border-style: solid;
}

/************************************  SimpleTab   ***********************************/
.simpleTab
{
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    margin: 0;
    overflow: hidden;
    padding: 4px;
}
.simpleTabTitle
{
    height: 20px;
    margin-bottom: -1px;
    clear: both;
}
.simpleTabTitle span
{
    background: none repeat scroll 0 0 transparent;
    border-color: #DDDDDD;
    border-style: none dashed none none;
    border-width: medium 1px medium medium;
    padding: 4px 8px;
    cursor: pointer;
    display: inline;
    font-size: 13px;
    font-style: normal;
    margin-bottom: 0px;
    margin-right: 0px;
    display: block;
    float: left;
    position: relative;
    z-index: 999;
}
.simpleTabTitle .curSimpleTab
{
    cursor: pointer;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px white solid;
    border-left: 1px #DDDDDD solid;
    border-right: 1px #DDDDDD solid;
    border-top: 1px #DDDDDD solid;
    color: #5DBEEC;
    font-weight: bold;
    font-size: 15px;
}
.simpleTabContent
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 5px;
    float: left;
    position: relative;
    z-index: 0;
    margin: -1px auto 0;
    *margin-top:5px;
}
.simpleTabContent div
{
    font-size: 14px;
}

/************************************  TextArea   ***********************************/
.simpleTextArea
{
    overflow: auto;
    border-width: 0;
    resize: none; /*remove chrome and firefox resize function*/
    outline: none;
}
.textAreaResize
{
    -moz-user-select: none;
    background-image: url("../Images/Core/resize.png");
    background-repeat: no-repeat;
    cursor: nw-resize;
    display: block;
    height: 14px;
    width: 14px;
}
.textAreaResize::selection
{
    background: transparent; /*webkit*/
}
.simpleTextareaTable
{
    border: 1px solid #d9d9d9;
}
.textareaFooter
{
    color: #999999;
    font-weight: normal;
    font-size: 12px;
}
.simpleTextAreaBorderTopLeft
{
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 3px;
}
.simpleTextAreaBorderTopCenter
{
    border-top: 1px solid #d9d9d9;
}
.simpleTextAreaBorderTopRight
{
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 3px;
}
.simpleTextAreaBorderBottomLeft
{
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}
.simpleTextAreaBorderBottomCenter
{
    border-bottom: 1px solid #d9d9d9;
}
.simpleTextAreaBorderBottomRight
{
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.simpleTextAreaBorderBottom
{
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
